<template>
  <div>
    <div >
      <img :src="dogImgUrl" alt="">
      <p>{{dogName}}</p>
    </div>
   
 </div>
</template>
<script>
export default {
  props:['dogImgUrl','dogName','index'],
  
  
}
</script>

<style>
img{
  width: 300px;
  height: 300px;

}
div{
  float: left;

}
p{
    text-align: center;
}
</style>